<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>day05haomework</title>
    <style>
.tb {
    width: 300px;
    height: 300px;
    
}
#th1{
    color: orange;
    font-size: 20px;
    font-weight: bold;
}
#th2{
    color:greenyellow;
    font-size: 20px;
    font-weight: bold;
}
#th3{
    color:palevioletred;
    font-size: 20px;
    font-weight: bold;
}


a{
    color: black;
    font-size: 14px;
    text-decoration: none;
    width: 60px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    -webkit-appearance: none;
    text-align: center;
   

}
a:hover{
    color: white;
    background-color: orange;
    border-radius: 5px;
}
    </style>
</head>
<body>
    <div  class="tb">
        <div>
            <h3 id="th1">主题市场</h3>
            <p>
                <a href="">爱美女人</a>
                <a href="">品质男人</a>
                <a href="">淘宝二手</a>
                <a href="">全球淘</a>
            </p>
            <p>
                <a href="">品牌街</a>
                <a href="">同城便民</a>
                <a href="">花嫁新娘</a>
                <a href="">潮宝出街</a>
            </p>
            <div>
            <hr>
            </div >
            <h3 id="th2">特色购物</h3>
            <p>
                <a href="">淘金币</a>
                <a href="">天天特价</a>
                <a href="">免费试用</a>
                <a href="">反季清仓</a>
            </p>
          <p>
            <a href="">积分购物</a>
            <a href="">品牌特卖</a>
            <a href="">特价名品</a>
            <a href="">品牌团购</a>
          </p>
             <div> 
            <hr>
            <div  >
            <h3 id="th3">当前热点</h3>
            <p>
                <a href="">中老年</a>
                <a href="">秘密好店</a>
                <a href="">新房装修</a>
                <a href="">抢卷必读</a>
            </p>
            <p>
                <a href="">生态农业</a>
                <a href="">双十一卷</a>
                <a href="">急招客服</a>
                <a href="">iphone5s</a>

            </p>
        </div>
    </div>
</body>
</html>